const webpack = require('webpack')
const common = require('./webpack.common')
const merge = require('webpack-merge')

/**
 * 1.将打包公共配置合并过来，并在此基础上增加开发阶段需要的配置
 * 2.开发阶段需要应对出现的各种bug，所有这里需要配置一个soure-map文件来调试代码
 * 3.在开发阶段需要一个server来调试应用代码，这里需要安装webpack-dev-server来启动当前应用
 * server可以配置一些参数，比如是否启用热加载，设置被访问的html目录等,还有一个方法可以直接在package.json中
 * script 配置启动命令【"serve": "webpack-dev-server --config webpack.dev.js --hot --open",】
 */
module.exports = merge( common, {
    mode: 'development',
    devtool: '#@cheap-module-eval-source-map', //在开发阶段这里需要一个souce-map文件便于调试代码
    devServer: {
        //hot: true, //是否启用模块热替换功能
        //contentBase: 'public' //用来指定被访问html页面所在目录
    },
    // plugins: [
    //     new webpack.HotModuleReplacementPlugin() //模块热替换插件，只能在开发阶段使用
    // ]
})
